<template>
	<view>
		<!-- 搜索框 -->
		<!-- <view class="inputs-box">
			<input type="text" placeholder="请输入查找内容"
				@input="handleInput($event.target.value)" />
			<span class="iconfont icon-sousuo"></span>
		</view> -->
		<shop-list :foodData = "foodData"></shop-list>
	</view>
</template>

<script setup lang="ts">
import ShopList from "./shop-list.vue"
import ajax from "../../util/request"
import {reactive} from "vue"

const foodData = reactive([])

ajax("/petsystem/user/shop/getGoodsBySid",{sid:1}).then(({data})=>{
	foodData.push(...data.data)
	console.log(foodData)
})
	
</script>

<style scoped>
.inputs-box {
	broder: 1px solid red;
	
}

.inputs-box > input {
  border: 1px solid black;
  color: black;
  outline: none;
  border-radius: 20px;
  height: 40px;
  width: 200px;
  line-height: 40px;
  padding: 0px 15px;
  display: inline-block;
}
.icon-sousuo{
	position: absolute;
	font-size: 150%;
	transform: translateX(-60rpx) translateY(15rpx);
}
</style>
